//放大镜效果
(function($){
	$('.smallPic').hover(function(){
		$('.smallMark,.bigMark_hide').show();
		
		var $w=$('.smallMark').width();
		var $h=$('.smallMark').height();
		var $disx=$('.smallPic').width()-$w;
		var $disy=$('.smallPic').height()-$h;
		
		var $w1=$('.bigMark').width();
		var $h1=$('.bigMark').height();
		var $disx1=$('.bigPic').width()-$w1;
		var $disy1=$('.bigPic').height()-$h1;
		
		var scale1=$disx1/$disx;
		var scale2=$disy1/$disy;
		$(document).on('mousemove',function(e){
			var $l=e.pageX-$('.smallPic').offset().left-$w/2;
			var $t=e.pageY-$('.smallPic').offset().top-$h/2;
			if ($l<0) {
				$l=0;
			}
			if ($l>$disx) {
				$l=$disx;
			}
			if ($t<0) {
				$t=0;
			}
			if ($t>$disy) {
				$t=$disy;
			}
			$('.smallMark').css({
				left:$l,
				top:$t
			});
			$('.bigPic').css({
				left:-scale1*$l,
				top:-scale2*$t
			});
		});
	},function(){
		$('.smallMark,.bigMark_hide').hide();
	});
	
	$('#imgList li').on('mouseover',function(){
		$(this).addClass('active').siblings().removeClass();
	});
	
	$('#imgList li').on('click',function(){
		$(this).addClass('active').siblings().removeClass();
		$('.smallP,.bigPic').prop('src','../img/mark/'+($(this).index()+1)+'.jpg');
	});
	
	var $liWidth=$('#imgList li:first').outerWidth(true);
	var $len=$('#imgList li').length;
	var $centerWidth=$('.center').width();
	var $listWidth=$len*$liWidth;
	var $listDisx=-($listWidth-$centerWidth)-5;
	$('#imgList').css({
		width:$listWidth
	});
	
	$('.smallImg #right').on('click',function(){
		$('#imgList').stop(true,true).animate({
			left:$listDisx
		},'slow',function(){
			if (parseInt($('#imgList').css('left'))==parseInt($listDisx)) {
				$('.smallImg #right').css('cursor','not-allowed').siblings('.smallImg #left').css('cursor','pointer');
			}
		});
	});
	$('.smallImg #left').on('click',function(){
		$('#imgList').stop(true,true).animate({
			left:0
		},'slow',function(){
			if (parseInt($('#imgList').css('left'))==0) {
				$('.smallImg #left').css('cursor','not-allowed').siblings('.smallImg #right').css('cursor','pointer');
			}
		});
	});
})(jQuery);
//数量增加减少
(function($){
	$('.detail_right .li7 #left').on('click',function(){
		var $num=parseInt($(this).next().html());
		if ($num==1) {
			$num=1;
		}else{
			$num--;
		}
		$(this).next().html($num);
	});
	$('.detail_right .li7 #right').on('click',function(){
		var $num=parseInt($(this).prev().html());
		$num++;
		$(this).prev().html($num);
	});
})(jQuery);
